About

Hansen

HTML5 Multipurpose Template

• created: 05/18/2015
• by: themekiosk
• email: themekiosk@zoho.com

Outsider is Responsible HTML5 Template usable as a personal blog or personal magazine. Template is built with Bootstrap 3 framework. It is easily customizable, the choice is yours.

Structure

Files Structure

Once downloaded, unzip the compressed folder to see the structure of the Outsider. You'll see next structure:

Html Structure

This theme is a responsive layout based on Bootstrap 3. All of the information within the main content area is nested within a body tag. The general template structure is the same throughout the template.

General structure: Navbar - Header - Main - Footer

CSS Structure

All css files are located in css folder:

• bootstrap.css, bootstrap.min.css - Bootstrap 3 (version 3.3.4) Framework base stylesheets.
• font-awesome.css, font-awesome.min.css - Font Awesome - The iconic font and CSS toolkit
• linea-icomoon.css - Linea Icons font stylesheet.
• magnific-popup.css - Magnific Popup core CSS file
• main.css - base file that includes general styles - details see below
• slick.css - stylesheet for Slick: Touch enabled jQuery plugin that lets you create responsive carousel slider

main.css

This file includes all general variables used in this template. If you want to change style and colors of the template you should start from this file.

    	
    /* Table of Contents
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    /*
     * Default
        * Flexbox
     * Highlighting
     * Preloader
     * Navbar
     * Social List
     * Header
     * Main
     * Masonry
        * Filter
        * Pagination
     * Post
        * Meta
        * Comments
        * Reply form
        * Sidebar, Widgets
     * Subscribe
     * About
     * Contact
     * Footer
     * Scroll Top
     * Page 404
     * Coming Soon
     * Buttons
     * Card
     * Pricing Tables
     * Counter
     * Progress Bars
     * Collapse
     * Tabs
     */

    	

bootstrap.css, bootstrap.min.css

Bootstrap 3 Framework base stylesheets. Includes all components and elements, typography, lists, buttons, button groups, navigations, navbars, forms, labels, pricing tables and much more. This stylesheet must always be included! We recommend minified version bootstrap.min.css for use. For development you can use bootstrap.css, or you can customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version here.

Javascript

All Javascript files are located in js folder.

• vendor/ (folder with all external scripts used in template)
  • gmap3.min.js - GMap3 is the ultimate plugin to create and manage Google Maps to jQuery.
  • imagesloaded.pkgd.min.js - Imagesloaded detect when images have been loaded.
  • isotope.pkgd.min.js - Isotope Filter & sort magical layouts
• font-awesome.css, font-awesome.min.css - Font Awesome - The iconic font and CSS toolkit
• linea-icomoon.css - Linea Icons font stylesheet.
• magnific-popup.css - Magnific Popup core CSS file
• main.css - base file that includes general styles - details see below
• slick.css - stylesheet for Slick: Touch enabled jQuery plugin that lets you create responsive carousel slider

Warning: If you create a new page or you are adding components to an existing site!

If you use a form (contact form - Contact Page, newsletter form - Post Pages with Sidebar and Coming Soon Page), make sure you have inserted:

Installation